<!-- eslint-disable vue/multi-word-component-names -->
<template>
   <QfPage title="题库管理">
    <el-button @click="centerDialogVisible=true">新增</el-button>
    <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="id" label="公司id" width="180" />
    <el-table-column prop="name" label="公司名称" width="180" />
  </el-table>
  <!-- 添加问题的弹窗 -->
  <el-dialog v-model="centerDialogVisible" title="新增一个问题" width="60%" center>
    <el-form :model="questionInfo" ref="addForm" label-width="110px">
    <el-form-item label="公司名称">
      <el-input v-model="questionInfo.companyId"/>
    </el-form-item>
    <el-form-item label="标题">
      <el-cascader v-model="questionInfo.title" :options="regionDataPlus" />
    </el-form-item>
    <el-form-item label="是否使用vue">
      <el-switch v-model="companyInfo.isVue"/>
    </el-form-item>
    <el-form-item label="是否使用React">
      <el-switch v-model="companyInfo.isReact"/>
    </el-form-item>
    <el-form-item label="其它要求技能">
      <el-input type="textarea" rows="10" :autosize="{minRows:4,maxRows:4}"
      v-model="companyInfo.skill"/>
    </el-form-item>
    <el-form-item label="公司描述">
      <el-input type="textarea" rows="10" :autosize="{minRows:4,maxRows:4}"
      v-model="companyInfo.desc"/>
    </el-form-item>
  </el-form>
  <template #footer>
    <el-button @click="confirm">添加</el-button>
  </template>
  </el-dialog>
   </QfPage>
</template>
<script state lang="ts">
export default {
  // eslint-disable-next-line
  name: 'qupage',
  data() {
    return {
      tableData: [],
      centerDialogVisible: false,
      questionInfo: {
        companyId: '',
        title: '',
        content: '',
        tags: '',
        uid: '',
      },
    };
  },
  methods: {
    confirm() {
      console.log('我是添加的操作');
    },
  },
};
</script>
<style lang="scss" scoped>

</style>
